* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

body, html {
  width: 100%;
  font-size: 20px; }

ul, li {
  list-style: none; }

img {
  max-width: 100%;
  vertical-align: middle; }

a {
  text-decoration: none;
  color: black; }

.clearfix {
  clear: both; }

footer {
  width: 100%;
  height: 4.2rem; }
  footer .foot {
    width: 100%;
    height: 4.2rem;
    background-color: #fff;
    display: flex;
    justify-content: space-between;
    position: fixed;
    left: 0;
    bottom: 0;
    color: #B1B1B1; }
    footer .foot li {
      width: 33.3%;
      height: 4.2rem;
      text-align: center;
      padding-top: 1rem;
      font-size: 0.8rem; }
      footer .foot li p:nth-of-type(1) {
        font-size: 1.2rem; }

.active {
  color: #F24349; }
